<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>杭州市民体验日</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link href="/assets/activity/footprint/css/index.css" rel="stylesheet" type="text/css">
	<link href="/assets/activity/footprint/css/color.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="/assets/activity/footprint/css/notice.css" />
	<script src="/assets/activity/footprint/js/notice.js"></script>
</head>
<body class="center">
<div class="wraper">
    <div class="center-head">
        <img class="bg-img" src="/assets/activity/footprint/images/center-bg.jpg"/>
        <div class="imgcover">
            <img class="portrait" src="{BEESCRM:$fans.headimgurl}"/>
            <span class="user-mes">{BEESCRM:$fans.nickname}</span>
        </div>
    </div>
    <volist name="data" id="vo">
    	<if condition="$vo.type eq 1">
    		 <div class="center-list clearfix">
		        <div class="list-left border-right1 fl-left">
		            <span>{BEESCRM:$vo.create_time|date="Y",###}<br/>{BEESCRM:$vo.create_time|date="m",###}.{BEESCRM:$vo.create_time|date="d",###}</span>
		            <span class="circle circle-pos circle circle-pos-pos bg-color1"></span>
		        </div>
		        <div class="list-center fl-left">
		            <span class="list-text">预约 {BEESCRM:$vo.content} 体验点/体验线路</span>
		        </div>
		        <div class="list-right fl-left cancel-appoint" <if condition="$vo['status']">data-log="{BEESCRM:$vo.log_id}" data-appoint="{BEESCRM:$vo.appoint_id}" </if>>
		        	<if condition="$vo['status']">
			            <span class="big-circle bg-color1">
			                <span>取消<br/>预约</span>
			            </span>
			        <else/>
			        	<span class="big-circle bg-color1">
			                <span>已经<br/>取消</span>
			            </span>
			        </if>
		        </div>
		    </div>
		<elseif condition="$vo.type eq 2" />
			<a href="{BEESCRM::U('activity/footprint/lineDetail',array('line_id'=>$vo['line_id'],'act_id'=>$act_id,'wechat_id'=>$wechat_id,'route'=>1))}">
				<div class="center-list clearfix">
			        <div class="list-left border-right2 fl-left">
			            <span>{BEESCRM:$vo.create_time|date="Y",###}<br/>{BEESCRM:$vo.create_time|date="m",###}.{BEESCRM:$vo.create_time|date="d",###}</span>
			            <span class="circle circle-pos bg-color2"></span>
			        </div>
			        <div class="list-center fl-left">
			            <span class="list-text">成功探索 {BEESCRM:$vo.theme} 线路中的 {BEESCRM:$vo.content} 体验点</span>
			        </div>
			        <div class="list-right fl-left">
			            <span class="big-circle bg-color2">
			                <span><img src="{BEESCRM:$vo.picture}" class="big-circle"/></span>
			            </span>
			        </div>
			    </div>
		 	</a>
		<elseif condition="$vo.type eq 3" />
			<a href="{BEESCRM::U('activity/footprint/lineDetail',array('line_id'=>$vo['line_id'],'act_id'=>$act_id,'wechat_id'=>$wechat_id,'route'=>1))}">
				<div class="center-list clearfix">
			        <div class="list-left border-right3 fl-left">
			            <span>{BEESCRM:$vo.create_time|date="Y",###}<br/>{BEESCRM:$vo.create_time|date="m",###}.{BEESCRM:$vo.create_time|date="d",###}</span>
			            <span class="circle circle-pos bg-color3"></span>
			        </div>
			        <div class="list-center fl-left">
			            <span class="list-text">获得 {BEESCRM:$vo.content} 勋章</span>
			        </div>
			        <div class="list-right fl-left">
			            <span class="big-circle bg-color3">
			                <span><img src="{BEESCRM:$vo.picture}" class="big-circle"/></span>
			            </span>
			        </div>
			    </div>
		    </a>
		<elseif condition="$vo.type eq 4" />
			<a href="{BEESCRM::U('activity/footprint/lineDetail',array('line_id'=>$vo['line_id'],'act_id'=>$act_id,'wechat_id'=>$wechat_id,'route'=>1))}">
				<div class="center-list clearfix">
			        <div class="list-left border-right4 fl-left">
			            <span>{BEESCRM:$vo.create_time|date="Y",###}<br/>{BEESCRM:$vo.create_time|date="m",###}.{BEESCRM:$vo.create_time|date="d",###}</span>
			            <span class="circle circle-pos bg-color4"></span>
			        </div>
			        <div class="list-center fl-left">
			            <span class="list-text">兑换{BEESCRM:$vo.content}奖品</span>
			        </div>
			        <div class="list-right fl-left">
			            <span class="big-circle bg-color4">
			                <span><img src="{BEESCRM:$vo.picture}" class="big-circle"/></span>
			            </span>
			        </div>
			    </div>
		    </a>
		<elseif condition="$vo.type eq 5" />
			<a href="{BEESCRM::U('Activity/Footprint/result',array('log_id'=>$vo['test_log_id'],'act_id'=>$act_id,'wechat_id'=>$wechat_id,'route'=>3))}">
				<div class="center-list clearfix">
			        <div class="list-left border-right5 fl-left">
			            <span>{BEESCRM:$vo.create_time|date="Y",###}<br/>{BEESCRM:$vo.create_time|date="m",###}.{BEESCRM:$vo.create_time|date="d",###}</span>
			            <span class="circle circle-pos bg-color5"></span>
			        </div>
			        <div class="list-center fl-left">
			            <span class="list-text">城市色彩测试：最适合你的颜色是-{BEESCRM:$vo.content}</span>
			        </div>
			        <div class="list-right fl-left">
			            <span class="big-circle bg-color5 ">
			                <span>城市<br/>色彩</span>
			            </span>
			        </div>
			    </div>
		    </a>
    	</if>
    </volist>
    <!-- <div class="center-list clearfix" style="margin-bottom: 10px;height: auto">
        <a class="list-text" style="text-align: center;padding: 10px 0;display: block;">查看更多</a>
    </div> -->
</div>
<script src="/assets/activity/footprint/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.cancel-appoint').on('click',function(){
			var log_id=$(this).data('log');
			var appoint_id=$(this).data('appoint');
			var wechat_id="{BEESCRM:$wechat_id}";
			var act_id="{BEESCRM:$act_id}";
			if(log_id && appoint_id){
				if(confirm('确认取消预约吗?')){
					$.ajax({
						type:'json',
						method:'post',
						data:{'log_id':log_id,'appoint_id':appoint_id},
						url:'/activity/footprint/cancelAppoint/act_id/'+act_id+'/wechat_id/'+wechat_id,
						success:function(json){
							var data;
							data=$.parseJSON(json);
							if(data.status=='S'){
								infotips('取消成功',$('.submit_tips'),'right');
								setTimeout('window.location.reload()',3000);
							}else{
								infotips(data.message,$('.submit_tips'));return;
							}
						},
						error:function(){
							infotips('通讯错误',$('.submit_tips'));
						}
					});
					
				}
			}
		});
	});

</script>
</body>
</html>
